#notification-list {
    position: fixed;
    right: 20px; /* 初始位置在畫面外 */
    top: 73px;/*(old:60px)penny edit 20241212*/
    width: 300px;
    background: var(--body-bg);/*(white)penny edit 20241212*/
    /* border: 2px solid #ccc; */
    border: 3px solid var(--left-title);/*(var(--bottom-line))penny edit 20241212*/
    /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
    box-shadow: 0 1px 10px var(--boxshadow);
    transition: right 0.3s ease; /* 平滑過渡效果 */
    /*penny add below 20241212*/
    font-weight: bold;
    max-height: 420px;
    overflow-y: auto;
    box-sizing: border-box;
}
#notification-list::-webkit-scrollbar {width: 10px;}
#notification-list::-webkit-scrollbar-thumb {
    background-color: var(--left-title);
    /* border-radius: 10px; */
}
#notification-list::-webkit-scrollbar-track {
    background-color: var(--border-bottom);
    /* border-radius: 10px; */
}

.notification-item {
    display: flex; /* 使用 Flexbox 進行佈局 */
    font-family: Arial, sans-serif !important; /* 設定字體 */
    /* font-size: 14px !important;  */
    font-size: 1rem;/*penny edit 20241212*/
    color: var(--notify-title);/*penny edit 20241212*/
    padding: 10px;
    /* border-bottom: 1px solid #eee !important; 添加底部邊框 */
    border-bottom: 2px solid #d7c0b1;/*var(--bottom-line)penny edit 20241212*/
    /*penny add below 20241212*/
    flex-wrap: wrap;
    text-align: left;
    text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.6);
    gap: 0.5rem;
}
.notification-item:last-child {
    border-bottom: none; /* 最後一個項目不顯示底部邊框 */
}
.notification-item>span:nth-child(1) { width: 60%; }
.notification-item>span:nth-child(2) { width: calc(40% - 8px);color: var(--error-fg); }
.notification-item>span:nth-child(3) { width: 100%;color: var(--body-quiet-color); }
/* .notification-item ul {
    color: green;
    font-size: 20px; 
    font-family: Arial, sans-serif; 
}

.notification-item li {
    font-size: initial;
    color: #333;
    font-family: fantasy;
} *//*penny cm 20241212*/

@media (max-width: 1024px) {
    #notification-list {
        top: 146px;
    }
}