:root
		{
			--zxm_sign-primary:#2563eb;
			--zxm_sign-primary-light:#3b82f6;
			--zxm_sign-primary-dark:#1d4ed8;
			--zxm_sign-primary-bg:#eef4ff;
			--zxm_sign-success:#10b981;
			--zxm_sign-success-light:#34d399;
			--zxm_sign-success-bg:#ecfdf5;
			--zxm_sign-text-1:#111827;
			--zxm_sign-text-2:#4b5563;
			--zxm_sign-text-3:#8892a3;
			--zxm_sign-bg:#F1F4F8;
			--zxm_sign-card:#ffffff;
			--zxm_sign-section:#f3f5f9;
			--zxm_sign-line:#d4dae5;
			--zxm_sign-line-2:#e2e6ee;
			--zxm_sign-gold:#eab308;
			--zxm_sign-silver:#8b95a7;
			--zxm_sign-bronze:#c2761b;
			--zxm_sign-r1:3px;
			--zxm_sign-r2:5px;
			--zxm_sign-r3:8px;
			--zxm_sign-shadow-a:0 2px 10px rgba(20,36,70,0.08);
			--zxm_sign-shadow-b:0 6px 18px rgba(20,36,70,0.12);
			--zxm_sign-shadow-c:0 14px 32px rgba(20,36,70,0.16);
		}

		.zxm_sign-container
		{
			max-width:1200px;
			margin:0 auto;
			padding:24px 20px 40px;
			font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
			color:var(--zxm_sign-text-1);
			line-height:1.6;
		}

		.zxm_sign-container *
		{
			margin:0;
			padding:0;
			box-sizing:border-box;
		}

		.zxm_sign-container img
		{
			display:block;
			max-width:100%;
		}

		.zxm_sign-page-header
		{
			width:100%;
			margin:0 0 22px;
			padding:38px 0;
			border-radius:0;
			background:
				linear-gradient(135deg,#0b1e4a 0%,#1e3a8a 28%,#2563eb 62%,#3b82f6 88%,#60a5fa 100%);
			box-shadow:var(--zxm_sign-shadow-c),inset 0 1px 0 rgba(255,255,255,0.20);
			position:relative;
			overflow:hidden;
			color:#fff;
		}

		.zxm_sign-page-header::before
		{
			content:"";
			position:absolute;
			right:-80px;
			top:-80px;
			width:320px;
			height:320px;
			border-radius:50%;
			background:radial-gradient(circle,rgba(255,255,255,0.22) 0%,transparent 65%);
		}

		.zxm_sign-page-header::after
		{
			content:"";
			position:absolute;
			left:32%;
			bottom:-120px;
			width:480px;
			height:480px;
			border-radius:50%;
			background:radial-gradient(circle,rgba(96,165,250,0.45) 0%,transparent 60%);
			pointer-events:none;
		}

		.zxm_sign-page-header-deco
		{
			position:absolute;
			left:-40px;
			top:50%;
			width:220px;
			height:220px;
			margin-top:-110px;
			border-radius:50%;
			background:radial-gradient(circle,rgba(147,197,253,0.28) 0%,transparent 65%);
			pointer-events:none;
		}

		.zxm_sign-page-header-grid
		{
			position:relative;
			z-index:1;
			max-width:1200px;
			margin:0 auto;
			padding:0 20px;
		}

		.zxm_sign-page-title
		{
			font-size:32px;
			font-weight:900;
			color:#fff;
			letter-spacing:4px;
			position:relative;
			z-index:1;
			text-shadow:0 2px 12px rgba(0,0,0,0.28);
			display:flex;
			align-items:center;
			gap:14px;
		}

		.zxm_sign-page-subtitle-wrap
		{
			margin-top:18px;
			position:relative;
			z-index:1;
			padding:0;
			background:none;
			backdrop-filter:none;
			border:none;
			max-width:820px;
			box-shadow:none;
		}

		.zxm_sign-page-subtitle
		{
			font-size:13px;
			color:rgba(255,255,255,0.92);
			line-height:1.9;
		}

		.zxm_sign-main-card
		{
			background:var(--zxm_sign-card);
			border:1px solid var(--zxm_sign-line);
			border-radius:var(--zxm_sign-r3);
			padding:26px 28px;
			margin-bottom:22px;
			box-shadow:var(--zxm_sign-shadow-b);
		}

		.zxm_sign-main-header
		{
			display:grid;
			grid-template-columns:1fr auto;
			gap:26px;
			align-items:start;
			margin-bottom:24px;
		}

		.zxm_sign-tag
		{
			display:inline-block;
			padding:4px 12px;
			background:linear-gradient(135deg,#f59e0b,#ef4444);
			color:#fff;
			font-size:12px;
			font-weight:700;
			border-radius:var(--zxm_sign-r1);
			margin-bottom:12px;
			letter-spacing:1px;
		}

		.zxm_sign-main-title
		{
			font-size:22px;
			font-weight:800;
			color:var(--zxm_sign-text-1);
			margin-bottom:10px;
		}

		.zxm_sign-main-desc
		{
			font-size:13px;
			color:var(--zxm_sign-text-2);
			padding:10px 14px;
			background:var(--zxm_sign-section);
			border:1px solid var(--zxm_sign-line-2);
			border-radius:var(--zxm_sign-r1);
		}

		.zxm_sign-checkin-section
		{
			display:flex;
			flex-direction:column;
			align-items:center;
			gap:12px;
			min-width:210px;
		}

		.zxm_sign-checkin-btn
		{
			display:block;
			width:210px;
			padding:15px 30px;
			background:linear-gradient(135deg,var(--zxm_sign-primary-light) 0%,var(--zxm_sign-primary) 50%,var(--zxm_sign-primary-dark) 100%);
			color:#fff !important;
			font-size:17px;
			font-weight:900;
			border:none;
			cursor:pointer;
			border-radius:var(--zxm_sign-r2);
			letter-spacing:4px;
			box-shadow:0 10px 24px rgba(37,99,235,0.38);
			transition:transform .15s ease,box-shadow .25s ease,filter .2s ease;
			position:relative;
			overflow:hidden;
			animation:zxm_sign_pulse 2s ease-in-out infinite;
		}

		.zxm_sign-checkin-btn::before
		{
			content:"";
			position:absolute;
			top:0;
			left:-100%;
			width:60%;
			height:100%;
			background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);
			transform:skewX(-20deg);
			animation:zxm_sign_sweep 2.8s ease-in-out infinite;
		}

		@keyframes zxm_sign_sweep
		{
			0%
			{
				left:-100%;
			}
			55%
			{
				left:160%;
			}
			100%
			{
				left:160%;
			}
		}

		@keyframes zxm_sign_pulse
		{
			0%
			{
				box-shadow:0 10px 24px rgba(37,99,235,0.32),0 0 0 0 rgba(59,130,246,0.5);
			}
			70%
			{
				box-shadow:0 10px 24px rgba(37,99,235,0.32),0 0 0 14px rgba(59,130,246,0);
			}
			100%
			{
				box-shadow:0 10px 24px rgba(37,99,235,0.32),0 0 0 0 rgba(59,130,246,0);
			}
		}

		.zxm_sign-checkin-btn:hover
		{
			transform:translateY(-2px);
			color:#fff !important;
			box-shadow:0 16px 30px rgba(37,99,235,0.45);
			filter:brightness(1.06);
		}

		.zxm_sign-checkin-btn:active
		{
			transform:translateY(0) scale(0.98);
		}

		.zxm_sign-checkin-btn.zxm_sign-checked
		{
			background:linear-gradient(135deg,var(--zxm_sign-success-light) 0%,var(--zxm_sign-success) 100%);
			box-shadow:0 10px 24px rgba(16,185,129,0.38);
			cursor:default;
			animation:none;
		}

		.zxm_sign-checkin-btn.zxm_sign-checked::before
		{
			display:none;
		}

		.zxm_sign-checkin-btn.zxm_sign-checked:hover
		{
			transform:none;
			box-shadow:0 10px 24px rgba(16,185,129,0.38);
			filter:none;
		}

		.zxm_sign-checkin-hint
		{
			font-size:12px;
			color:var(--zxm_sign-text-3);
		}

		.zxm_sign-stats-grid
		{
			display:grid;
			grid-template-columns:repeat(3,1fr);
			gap:16px;
		}

		.zxm_sign-stat-card
		{
			padding:18px 20px;
			border-radius:var(--zxm_sign-r2);
			background:
				linear-gradient(180deg,#ffffff 0%,var(--zxm_sign-section) 100%);
			border:1px solid var(--zxm_sign-line-2);
			display:flex;
			align-items:center;
			gap:14px;
			box-shadow:var(--zxm_sign-shadow-a);
			position:relative;
			overflow:hidden;
		}

		.zxm_sign-stat-card::after
		{
			content:"";
			position:absolute;
			right:-24px;
			top:-24px;
			width:80px;
			height:80px;
			border-radius:50%;
			opacity:0.10;
		}

		.zxm_sign-stat-total::after
		{
			background:#7c3aed;
		}

		.zxm_sign-stat-streak::after
		{
			background:var(--zxm_sign-primary-dark);
		}

		.zxm_sign-stat-today::after
		{
			background:#dc2626;
		}

		.zxm_sign-stat-icon
		{
			width:44px;
			height:44px;
			border-radius:var(--zxm_sign-r2);
			display:flex;
			align-items:center;
			justify-content:center;
			flex-shrink:0;
			position:relative;
		}

		.zxm_sign-stat-icon svg
		{
			width:22px;
			height:22px;
			stroke:#fff;
			stroke-width:2.4;
			fill:none;
			stroke-linecap:round;
			stroke-linejoin:round;
			filter:drop-shadow(0 1px 2px rgba(0,0,0,0.18));
		}

		.zxm_sign-stat-total .zxm_sign-stat-icon
		{
			background:linear-gradient(135deg,#a78bfa,#7c3aed);
			box-shadow:0 4px 10px rgba(124,58,237,0.28);
		}

		.zxm_sign-stat-streak .zxm_sign-stat-icon
		{
			background:linear-gradient(135deg,#60a5fa,var(--zxm_sign-primary-dark));
			box-shadow:0 4px 10px rgba(37,99,235,0.28);
		}

		.zxm_sign-stat-today .zxm_sign-stat-icon
		{
			background:linear-gradient(135deg,#fb7185,#dc2626);
			box-shadow:0 4px 10px rgba(220,38,38,0.28);
		}

		.zxm_sign-stat-content
		{
			position:relative;
			z-index:1;
		}

		.zxm_sign-stat-label
		{
			font-size:13px;
			color:var(--zxm_sign-text-2);
			margin-bottom:4px;
			font-weight:600;
		}

		.zxm_sign-stat-value
		{
			font-size:28px;
			font-weight:900;
			line-height:1.1;
			letter-spacing:0.5px;
		}

		.zxm_sign-stat-unit
		{
			font-size:13px;
			font-weight:700;
			margin-left:4px;
		}

		.zxm_sign-stat-total .zxm_sign-stat-value
		{
			color:#7c3aed;
		}

		.zxm_sign-stat-streak .zxm_sign-stat-value
		{
			color:var(--zxm_sign-primary);
		}

		.zxm_sign-stat-today .zxm_sign-stat-value
		{
			color:#dc2626;
		}

		.zxm_sign-section
		{
			background:var(--zxm_sign-card);
			border:1px solid var(--zxm_sign-line);
			border-radius:var(--zxm_sign-r3);
			padding:16px 18px;
			margin-bottom:22px;
			box-shadow:var(--zxm_sign-shadow-b);
		}

		.zxm_sign-section-header
		{
			display:flex;
			justify-content:space-between;
			align-items:center;
			margin-bottom:12px;
			padding-bottom:10px;
			border-bottom:1px solid var(--zxm_sign-line-2);
		}

		.zxm_sign-section-title
		{
			font-size:15px;
			font-weight:800;
			color:var(--zxm_sign-text-1);
			display:flex;
			align-items:center;
			gap:10px;
		}

		.zxm_sign-section-title-bar
		{
			display:inline-block;
			width:3px;
			height:15px;
			background:linear-gradient(180deg,var(--zxm_sign-primary-light),var(--zxm_sign-primary-dark));
			border-radius:1px;
		}

		.zxm_sign-section-subtitle
		{
			font-size:11px;
			color:var(--zxm_sign-text-3);
			padding:2px 10px;
			background:var(--zxm_sign-section);
			border-radius:999px;
			border:1px solid var(--zxm_sign-line-2);
			font-weight:600;
		}

		.zxm_sign-rewards-grid
		{
			display:grid;
			grid-template-columns:repeat(3,1fr);
			gap:18px;
		}

		.zxm_sign-reward-card
		{
			border-radius:var(--zxm_sign-r2);
			padding:20px;
			border:1px solid var(--zxm_sign-line-2);
			background:
				linear-gradient(180deg,#ffffff 0%,var(--zxm_sign-section) 100%);
			box-shadow:var(--zxm_sign-shadow-a);
			position:relative;
			transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
		}

		.zxm_sign-reward-card::before
		{
			content:"";
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:4px;
			border-radius:var(--zxm_sign-r2) var(--zxm_sign-r2) 0 0;
		}

		.zxm_sign-reward-card:nth-child(1)::before
		{
			background:linear-gradient(90deg,#60a5fa,var(--zxm_sign-primary-dark));
		}

		.zxm_sign-reward-card:nth-child(2)::before
		{
			background:linear-gradient(90deg,#fbbf24,#d97706);
		}

		.zxm_sign-reward-card:nth-child(3)::before
		{
			background:linear-gradient(90deg,#a78bfa,#7c3aed);
		}

		.zxm_sign-reward-card:hover
		{
			transform:translateY(-3px);
			box-shadow:var(--zxm_sign-shadow-b);
			border-color:#c8d4e8;
		}

		.zxm_sign-reward-top
		{
			margin-bottom:14px;
		}

		.zxm_sign-reward-meta
		{
			flex:1;
			min-width:0;
		}

		.zxm_sign-reward-days
		{
			font-size:17px;
			font-weight:800;
			color:var(--zxm_sign-text-1);
			margin-bottom:4px;
		}
		.zxm_sign-no-reward {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 48px 24px;
			margin: 16px 0;
			color: #9ca3af;
			font-size: 14px;
			line-height: 1.5;
			text-align: center;
			background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
			border: 1px dashed #e5e7eb;
			border-radius: 12px;
			gap: 12px;
		}
		.zxm_sign-no-reward::before {
		content: '';
		display: block;
		width: 48px;
		height: 48px;
		opacity: 0.4;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		}
		.zxm_sign-reward-status
		{
			position:absolute;
			top:16px;
			right:16px;
			padding:3px 10px;
			font-size:11px;
			font-weight:700;
			border-radius:999px;
		}

		.zxm_sign-reward-card:nth-child(1) .zxm_sign-reward-status
		{
			background:var(--zxm_sign-primary-bg);
			color:var(--zxm_sign-primary);
			border:1px solid #c7dcff;
		}

		.zxm_sign-reward-card:nth-child(2) .zxm_sign-reward-status
		{
			background:#fffbeb;
			color:#b45309;
			border:1px solid #fde68a;
		}

		.zxm_sign-reward-card:nth-child(3) .zxm_sign-reward-status
		{
			background:#f5f3ff;
			color:#6d28d9;
			border:1px solid #ddd6fe;
		}

		.zxm_sign-progress-wrap
		{
			margin-top:8px;
		}

		.zxm_sign-progress-bar
		{
			width:100%;
			height:8px;
			background:var(--zxm_sign-line-2);
			border-radius:999px;
			overflow:hidden;
		}

		.zxm_sign-progress-fill
		{
			height:100%;
			border-radius:999px;
			transition:width .5s ease;
		}

		.zxm_sign-reward-card:nth-child(1) .zxm_sign-progress-fill
		{
			background:linear-gradient(90deg,#60a5fa,var(--zxm_sign-primary-dark));
		}

		.zxm_sign-reward-card:nth-child(2) .zxm_sign-progress-fill
		{
			background:linear-gradient(90deg,#fbbf24,#d97706);
		}

		.zxm_sign-reward-card:nth-child(3) .zxm_sign-progress-fill
		{
			background:linear-gradient(90deg,#a78bfa,#7c3aed);
		}

		.zxm_sign-progress-info
		{
			display:flex;
			justify-content:space-between;
			align-items:center;
			margin-top:10px;
			font-size:12px;
		}

		.zxm_sign-progress-count
		{
			color:var(--zxm_sign-text-2);
			font-weight:600;
		}

		.zxm_sign-progress-percent
		{
			color:var(--zxm_sign-text-1);
			font-weight:700;
			padding:2px 9px;
			background:#fff;
			border:1px solid var(--zxm_sign-line-2);
			border-radius:var(--zxm_sign-r1);
		}

		.zxm_sign-reward-tip
		{
			margin-top:14px;
			padding:9px 12px;
			background:#fff;
			border:1px solid var(--zxm_sign-line-2);
			border-radius:var(--zxm_sign-r1);
			font-size:12px;
			color:var(--zxm_sign-text-2);
			font-weight:500;
		}

		.zxm_sign-bottom-grid
		{
			display:grid;
			grid-template-columns:1fr 1fr;
			gap:22px;
		}

		.zxm_sign-ranking-list
		{
			list-style:none;
			padding:0;
			margin:0;
		}

		.zxm_sign-ranking-item
		{
			display:grid;
			grid-template-columns:28px 1fr auto;
			align-items:center;
			gap:8px;
			padding:9px 8px;
			border-radius:var(--zxm_sign-r1);
			margin-bottom:4px;
			border:1px solid transparent;
			transition:background .15s ease,border-color .15s ease;
		}

		.zxm_sign-ranking-item:last-child
		{
			margin-bottom:0;
		}

		.zxm_sign-ranking-item:hover
		{
			background:var(--zxm_sign-section);
			border-color:var(--zxm_sign-line-2);
		}

		.zxm_sign-rank-num
		{
			width:24px;
			height:24px;
			display:flex;
			align-items:center;
			justify-content:center;
			font-size:11px;
			font-weight:800;
			border-radius:var(--zxm_sign-r1);
			background:#fff;
			color:var(--zxm_sign-text-2);
			border:1px solid var(--zxm_sign-line-2);
			flex-shrink:0;
		}

		.zxm_sign-ranking-item:nth-child(1) .zxm_sign-rank-num
		{
			background:linear-gradient(135deg,#fde68a,var(--zxm_sign-gold));
			color:#fff;
			border-color:transparent;
			box-shadow:0 4px 10px rgba(234,179,8,0.32);
		}

		.zxm_sign-ranking-item:nth-child(2) .zxm_sign-rank-num
		{
			background:linear-gradient(135deg,#e5e7eb,var(--zxm_sign-silver));
			color:#fff;
			border-color:transparent;
			box-shadow:0 4px 10px rgba(139,149,167,0.30);
		}

		.zxm_sign-ranking-item:nth-child(3) .zxm_sign-rank-num
		{
			background:linear-gradient(135deg,#fbbf24,var(--zxm_sign-bronze));
			color:#fff;
			border-color:transparent;
			box-shadow:0 4px 10px rgba(194,118,27,0.30);
		}

		.zxm_sign-user-info
		{
			display:flex;
			align-items:center;
			gap:7px;
			min-width:0;
		}

		.zxm_sign-user-avatar
		{
			width:30px;
			height:30px;
			border-radius:50%;
			overflow:hidden;
			flex-shrink:0;
			border:1px solid var(--zxm_sign-line-2);
			background:var(--zxm_sign-section);
		}

		.zxm_sign-user-avatar img
		{
			width:100%;
			height:100%;
			object-fit:cover;
		}

		.zxm_sign-ranking-item:nth-child(1) .zxm_sign-user-avatar
		{
			border-color:var(--zxm_sign-gold);
			box-shadow:0 0 0 2px rgba(234,179,8,0.18);
		}

		.zxm_sign-ranking-item:nth-child(2) .zxm_sign-user-avatar
		{
			border-color:var(--zxm_sign-silver);
			box-shadow:0 0 0 2px rgba(139,149,167,0.18);
		}

		.zxm_sign-ranking-item:nth-child(3) .zxm_sign-user-avatar
		{
			border-color:var(--zxm_sign-bronze);
			box-shadow:0 0 0 2px rgba(194,118,27,0.18);
		}

		.zxm_sign-user-meta
		{
			min-width:0;
			flex:1;
		}

		.zxm_sign-username
		{
			font-size:12px;
			font-weight:700;
			color:var(--zxm_sign-text-1);
			white-space:nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
		}

		.zxm_sign-rank-stats
		{
			text-align:right;
		}

		.zxm_sign-rank-score
		{
			font-size:14px;
			font-weight:800;
			line-height:1.1;
			color:var(--zxm_sign-primary);
		}

		.zxm_sign-ranking-item:nth-child(1) .zxm_sign-rank-score
		{
			color:#b45309;
		}

		.zxm_sign-ranking-item:nth-child(2) .zxm_sign-rank-score
		{
			color:var(--zxm_sign-silver);
		}

		.zxm_sign-ranking-item:nth-child(3) .zxm_sign-rank-score
		{
			color:var(--zxm_sign-bronze);
		}

		.zxm_sign-streak-section
		{
			background:var(--zxm_sign-card);
			border:1px solid var(--zxm_sign-line);
			border-radius:var(--zxm_sign-r3);
			padding:16px 18px;
			margin-bottom:22px;
			box-shadow:var(--zxm_sign-shadow-b);
		}

		.zxm_sign-streak-ranking-title
		{
			display:flex;
			align-items:center;
			justify-content:space-between;
			font-size:15px;
			font-weight:800;
			color:var(--zxm_sign-text-1);
			margin-bottom:12px;
			padding-bottom:10px;
			border-bottom:1px solid var(--zxm_sign-line-2);
		}

		.zxm_sign-streak-ranking-title > span:first-child
		{
			display:flex;
			align-items:center;
			gap:10px;
		}

		.zxm_sign-streak-ranking-title-bar
		{
			display:inline-block;
			width:3px;
			height:15px;
			background:linear-gradient(180deg,#ef4444,#f59e0b);
			border-radius:1px;
		}

		.zxm_sign-streak-ranking-title > span:last-child
		{
			font-size:11px;
			font-weight:700;
			color:#92400e;
			padding:2px 10px;
			background:#fffbeb;
			border:1px solid #fde68a;
			border-radius:999px;
		}

		.zxm_sign-streak-list
		{
			list-style:none;
			padding:0;
			margin:0;
		}

		.zxm_sign-streak-item
		{
			display:grid;
			grid-template-columns:28px 1fr auto;
			align-items:center;
			gap:8px;
			padding:9px 8px;
			border-radius:var(--zxm_sign-r1);
			margin-bottom:4px;
			border:1px solid transparent;
			transition:background .15s ease,border-color .15s ease;
		}

		.zxm_sign-streak-item:last-child
		{
			margin-bottom:0;
		}

		.zxm_sign-streak-item:hover
		{
			background:var(--zxm_sign-section);
			border-color:var(--zxm_sign-line-2);
		}

		.zxm_sign-streak-rank
		{
			width:24px;
			height:24px;
			display:flex;
			align-items:center;
			justify-content:center;
			font-size:11px;
			font-weight:800;
			border-radius:var(--zxm_sign-r1);
			background:#fff;
			color:var(--zxm_sign-text-2);
			border:1px solid var(--zxm_sign-line-2);
			flex-shrink:0;
		}

		.zxm_sign-streak-item:nth-child(1) .zxm_sign-streak-rank
		{
			background:linear-gradient(135deg,#fb7185,#dc2626);
			color:#fff;
			border-color:transparent;
		}

		.zxm_sign-streak-item:nth-child(2) .zxm_sign-streak-rank
		{
			background:linear-gradient(135deg,#60a5fa,var(--zxm_sign-primary-dark));
			color:#fff;
			border-color:transparent;
		}

		.zxm_sign-streak-item:nth-child(3) .zxm_sign-streak-rank
		{
			background:linear-gradient(135deg,#6ee7b7,var(--zxm_sign-success));
			color:#fff;
			border-color:transparent;
		}

		.zxm_sign-streak-user
		{
			display:flex;
			align-items:center;
			gap:7px;
			min-width:0;
		}

		.zxm_sign-streak-avatar
		{
			width:30px;
			height:30px;
			border-radius:50%;
			overflow:hidden;
			flex-shrink:0;
			border:1px solid var(--zxm_sign-line-2);
		}

		.zxm_sign-streak-avatar img
		{
			width:100%;
			height:100%;
			object-fit:cover;
		}

		.zxm_sign-streak-info
		{
			min-width:0;
			flex:1;
		}

		.zxm_sign-streak-name
		{
			font-size:12px;
			font-weight:700;
			color:var(--zxm_sign-text-1);
			white-space:nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
		}

		.zxm_sign-streak-score
		{
			text-align:right;
		}

		.zxm_sign-streak-days
		{
			font-size:14px;
			font-weight:800;
			color:var(--zxm_sign-primary);
			line-height:1.1;
		}

		.zxm_sign-streak-item:nth-child(1) .zxm_sign-streak-days
		{
			color:#dc2626;
		}

		.zxm_sign-streak-item:nth-child(2) .zxm_sign-streak-days
		{
			color:var(--zxm_sign-primary);
		}

		.zxm_sign-streak-item:nth-child(3) .zxm_sign-streak-days
		{
			color:var(--zxm_sign-success);
		}

		@media (max-width:991px)
		{
			.zxm_sign-container
			{
				padding:16px 14px 32px;
			}

			.zxm_sign-page-header
			{
				padding:26px 0;
			}

			.zxm_sign-page-title
			{
				font-size:26px;
			}

			.zxm_sign-main-card
			{
				padding:18px 16px;
			}

			.zxm_sign-main-header
			{
				grid-template-columns:1fr;
				gap:18px;
			}

			.zxm_sign-checkin-section
			{
				width:100%;
			}

			.zxm_sign-checkin-btn
			{
				width:100%;
				max-width:340px;
			}

			.zxm_sign-rewards-grid
			{
				grid-template-columns:1fr;
				gap:14px;
			}

			.zxm_sign-bottom-grid
			{
				grid-template-columns:1fr;
				gap:18px;
			}

			.zxm_sign-section
			{
				padding:18px 16px;
			}

			.zxm_sign-streak-section
			{
				padding:18px 16px;
			}
		}

		@media (max-width:599px)
		{
			.zxm_sign-container
			{
				padding:12px 10px 26px;
			}

			.zxm_sign-page-header
			{
				padding:20px 0;
				margin-bottom:16px;
			}

			.zxm_sign-page-title
			{
				font-size:20px;
				letter-spacing:2px;
			}

			.zxm_sign-page-subtitle-wrap
			{
				margin-top:14px;
			}

			.zxm_sign-main-card
			{
				padding:14px 12px;
				margin-bottom:16px;
			}

			.zxm_sign-main-title
			{
				font-size:18px;
			}

			.zxm_sign-main-desc
			{
				font-size:12px;
				padding:8px 10px;
			}

			.zxm_sign-checkin-btn
			{
				width:100%;
				padding:13px 22px;
				font-size:15px;
			}

			.zxm_sign-stats-grid
			{
				grid-template-columns:1fr;
				gap:10px;
			}

			.zxm_sign-stat-card
			{
				padding:14px;
				gap:12px;
			}

			.zxm_sign-stat-icon
			{
				width:40px;
				height:40px;
			}

			.zxm_sign-stat-value
			{
				font-size:24px;
			}

			.zxm_sign-section
			{
				padding:14px 12px;
				margin-bottom:16px;
			}

			.zxm_sign-section-header
			{
				margin-bottom:14px;
				padding-bottom:10px;
			}

			.zxm_sign-section-title
			{
				font-size:15px;
			}

			.zxm_sign-rewards-grid
			{
				gap:12px;
			}

			.zxm_sign-reward-card
			{
				padding:16px 14px 16px 18px;
			}

			.zxm_sign-bottom-grid
			{
				gap:16px;
			}

			.zxm_sign-streak-section
			{
				padding:14px 12px;
				margin-bottom:16px;
			}
		}