#boxMy .my-alarm-card{padding:var(--space-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-card);}
#boxMy .my-alarm-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);}
#boxMy .my-alarm-head h3{margin:0;color:var(--color-dark);font-size:var(--fs-base1);font-weight:600;}
#boxMy .my-alarm-head a{color:var(--color-gray);font-size:var(--fs-base-1);font-weight:600;text-decoration:none;}
#boxMy .my-alarm-tabs{display:flex;gap:.5rem;margin-bottom:var(--space-md);}
#boxMy .my-alarm-tabs a{display:inline-flex;align-items:center;gap:.375rem;height:2.5rem;padding:0 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;color:var(--color-gray);font-size:var(--fs-base-1);font-weight:600;text-decoration:none;}
#boxMy .my-alarm-tabs a.active{background:var(--color-dark);border-color:var(--color-dark);color:#fff;}
#boxMy .my-alarm-tabs a em{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;background:#ef4444;color:#fff;font-size:var(--fs-xs);font-style:normal;font-weight:700;}
#boxMy .my-alarm-list{border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden;}
#boxMy .my-alarm-empty{padding:3rem 1rem;color:var(--color-gray);font-size:var(--fs-base-1);text-align:center;}
#boxMy .my-alarm-item{display:block;padding:1rem 1.125rem;border-top:1px solid var(--border-soft);color:var(--color-dark);text-decoration:none;}
#boxMy .my-alarm-item:first-child{border-top:0;}
#boxMy .my-alarm-item:hover{background:var(--color-background-light);}
#boxMy .my-alarm-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:.5rem;}
#boxMy .my-alarm-item-head strong{display:block;min-width:0;color:var(--color-dark);font-size:var(--fs-base);font-weight:700;}
#boxMy .my-alarm-item-head div{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;justify-content:flex-end;}
#boxMy .my-alarm-item p{max-height:2.8rem;margin:0;color:var(--color-gray);font-size:var(--fs-base-1);line-height:1.5;overflow:hidden;}
#boxMy .my-alarm-date{color:var(--color-gray);font-size:var(--fs-xs);}
#boxMy .my-alarm-badge{display:inline-flex;align-items:center;height:1.5rem;padding:0 .625rem;border-radius:999px;background:#f3f4f6;color:#555;font-size:var(--fs-xs);font-weight:700;}
#boxMy .my-alarm-badge.unread{background:#fff4cc;color:#8a6500;}
#boxMy .my-alarm-badge.all{background:#e8f1ff;color:#2157b2;}
#boxMy .my-alarm-badge.group{background:#f2ebff;color:#6d37b1;}
#boxMy .my-alarm-badge.single{background:#e9f9ee;color:#1d7a38;}
#boxMy .my-alarm-paging{margin-top:var(--space-md);text-align:center;}
#boxMy .my-alarm-view{margin-top:var(--space-lg);padding:var(--space-lg);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--color-background-light);}
#boxMy .my-alarm-view-head{margin-bottom:var(--space-md);}
#boxMy .my-alarm-view-head h4{margin:0 0 .625rem;color:var(--color-dark);font-size:var(--fs-base1);font-weight:700;}
#boxMy .my-alarm-view-head div{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;}
#boxMy .my-alarm-view-body{color:var(--color-dark);font-size:var(--fs-base-1);line-height:1.75;white-space:pre-wrap;word-break:break-all;}
#boxMy .my-alarm-link{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;margin-top:var(--space-md);padding:0 1rem;border-radius:var(--radius-md);background:var(--color-dark);color:#fff;font-size:var(--fs-base-1);font-weight:700;text-decoration:none;}

	@media(max-width:768px){
	#boxMy .my-alarm-card{
		padding:var(--space-md);
		border:0;
		border-radius:0;
		box-shadow:none;
	}
	#boxMy .my-alarm-head{flex-direction:column;align-items:flex-start;}
	#boxMy .my-alarm-tabs{width:100%;}
	#boxMy .my-alarm-tabs a{flex:1;justify-content:center;}
	#boxMy .my-alarm-item-head{flex-direction:column;}
	#boxMy .my-alarm-item-head div{justify-content:flex-start;}
}