.li-item {
            --primary-color: #6c757d;
            --secondary-color:#6c757d;
            
            --background: #333333;
            --hover-background: #6c757d;
            --icon-bg: #6c757d;
 						height: 60px;
            display: flex;
            align-items: center;
            padding: 10px;
            margin: 12px 0;
            background: var(--background);
            border-radius: 10px;
            transition: all 0.2s ease;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            position: relative;
            width:99%;
        }
       .li-item:active {
            transform: scale(0.98);
            background: var(--hover-background);
        }
       .content-wrapper {
					width:100%;
        }
        .line1 {
        	 max-width:98%;
					  white-space: nowrap;
					  overflow: hidden;
					  text-overflow: ellipsis;
            font-weight: 400;
            font-size: 0.31rem;
            color: var(--primary-color);
            margin-bottom: 12px;
            color:#eaebec;
        }
        .line1 a{ text-decoration:none; color:#eaebec;}
        
       .line2 {
            color: var(--primary-color);
            font-size: 0.26rem;
            line-height: 0.4;
            color:#666666;
        }

        .li-item.primary {
            --primary-color: #383838;
            --icon-bg: #383838;
        }